<!--首页顶部播放器-->
<template>
  <div class="progress-music">
    <div class="schedule">
      <progress value="50" max="100"></progress><br>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeProgress'
}
</script>

<style scoped>
  .progress-music{
    margin-left: 55px;
    width: 100%;
    height: 90px;
    background: #45B39D;
    position: fixed;
    z-index:10;
  }
  .schedule{
    position: absolute;
    top: 32px;
    left: 300px;
  }

  progress{
      width: 300px;
      height: 5px;
      color:#f00;
      background:#EFEFF4;
      border-radius: 0.1rem;
  }
  /* 表示总长度背景色 */
  progress::-webkit-progress-bar{
    background-color: #f2f2f2;
    border-radius: 0.2rem;
  }
  /* 表示已完成进度背景色 */
  progress::-webkit-progress-value{
    background: blue;
    border-radius: 0.2rem;
  }
</style>
